<template>
  <div class="skillEsle">
      <module-open>
          <p slot="title">其他技能</p>
          <div slot="content" class="content">
              <div v-for="(value,key) of label" class="content-item">{{key}}</div>
          </div>
      </module-open>
  </div>
</template>

<script>
import moduleOpen from './moduleOpen.vue'
export default {
name:"skillEsle",
props:{
    label:{
        type:Object,
        default(){
            return {}
        }
    }
},

 components: { moduleOpen },

}
</script>
<style  scoped>
.content{
    box-sizing: border-box;
    padding: 0 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.content-item{
    padding: 10px;
    box-shadow: var(--shadow);
    margin: 10px;
    border-radius: 10px;
}
</style>